<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=0.5,minimum=1,maximum=1,user-scalable=no">
    <title>Wechat</title>
    <link rel="stylesheet" href="css/style.css" media="screen" title="no title">
    <link rel="stylesheet" href="font/iconfont.css" media="screen" title="no title">
    <style media="screen">
    ::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    </style>
    <script type="text/javascript">
    //REM自适应算法
    var html = document.querySelector("html");
    html.style.fontSize = html.offsetWidth / 7.5 + "px";
    addEventListener("resize", function() {
        html.style.fontSize = html.offsetWidth / 7.5 + "px";
    }, false);
    </script>
</head>

<body>
    <div class="wrapper">
        <header class="header">
            <div class="left">
                <a href="javascript:void(0);">
                    <i class="iconfont">&#xe601;</i><span>发现</span>
                </a>
            </div>
            <div class="name">
                朋友圈
            </div>
            <div class="camera">
                <a href="javascript:void(0);">
                    <i class="iconfont">&#xe603;</i>
                </a>
            </div>
        </header>
        <nav class="nav">
            <div class="back">
                <img src="img/a2.png" alt="">
            </div>
            <div class="toux">
                <a href="">
                    <img src="img/toux.jpg" alt="">
                </a>
            </div>
            <ul class="links" style="display: none;">
                <li class="zhaopian"><a href="html/pic.html">照片</a></li>
                <li class="shipin down"><a href="">小视频</a></li>
            </ul>
            <ul class="change" style="display: none;">
                <li><a href="">更换相册封面</a></li>
            </ul>
        </nav>
        <div class="container">
            <dl>
                <dt>
                    <a href="">
                        <img src="img/tou.jpg" alt="">
                    </a>
                </dt>
                <dd>
                    <div class="cont">
                        <h2>彼得兔</h2>
                        <div class="context">
                            <p>
                                李易峰 周冬雨 张鲁一 尹正 阚清子 《麻雀》1019明天剧情预告：卫视大混战的秒拍视频 李小男被苏三省枪决后，毕忠良认定陈深是一条大鱼，苏三省利用皮皮设套，陈深身份即将暴露？距离《麻雀》大结局还有三天。#李易峰麻雀陈深# #李易峰电视剧麻雀
                            </p>
                        </div>
                        <img src="img/wei.jpg">
                        <div class="msg">
                        <i class="time">22分钟前</i>
                        <div class="zandp" style="display: none;">
                            <span><i class="iconfont">&#xe607;</i>赞</span>
                            <span><i class="iconfont">&#xe605;</i>评论</span>
                        </div>
                        <i class="iconfont zanp">&#xe608;</i>
                    </div>
                    </div>
                </dd>
            </dl>
            <dl>
                <dt>
                    <a href="">
                        <img src="img/taiy.jpg" alt="">
                    </a>
                </dt>
                <dd>
                    <div class="cont">
                        <h2>彼得兔</h2>
                        <p>
                            众里寻他千百度，那人却在灯火阑珊处？！？！
                        </p>
                    </div>
                    <div class="msg">
                        <i class="time">22分钟前</i>
                        <div class="zandp" style="display: none;">
                            <span><i class="iconfont">&#xe607;</i>赞</span>
                            <span><i class="iconfont">&#xe605;</i>评论</span>
                        </div>
                        <i class="iconfont zanp">&#xe608;</i>
                    </div>

                </dd>
            </dl>
            <dl>
                <dt>
                    <a href="">
                        <img src="img/xiuz.jpg" alt="">
                    </a>
                </dt>
                <dd>
                    <div class="cont">
                        <h2>彼得兔</h2>
                        <p>
                            屋里亲故呀呀呀呀呀呀
                        </p>
                    </div>
                    <div class="msg">
                        <i class="time">22分钟前</i>
                        <div class="zandp" style="display: none;">
                            <span><i class="iconfont">&#xe607;</i>赞</span>
                            <span><i class="iconfont">&#xe605;</i>评论</span>
                        </div>
                        <i class="iconfont zanp">&#xe608;</i>
                    </div>
                </dd>
            </dl>
        </div>
        <div class="mask" style="display: none;"></div>
    </div>
    </div>
    <script type="text/javascript" src="js/zepto.js"></script>
    <script type="text/javascript" src="js/event.js"></script>
    <script type="text/javascript" src="js/touch.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</body>

</html>
